<template>
	<view class="main">
		<view class="title">{{ today }}</view>
		<view class="list" v-for="item, index in list" :key="index">
			<view class="year">{{ item.date }}</view>
			<view class="even">{{ item.title }}</view>
		</view>
	</view>
</template>

<script type="text/javascript" src="plus-confusion://../pages/model/today/today"></script>

<style lang="scss">
.main {
	.title {
		text-align: center;
		font-weight: 600;
		font-size: 40rpx;
		margin-bottom: 40rpx;
	}

	.list {
		display: flex;
		padding: 0 32rpx;
		margin-bottom: 40rpx;

		.year{
			width: 120rpx;
			margin-right: 20rpx;
		}

		.even{
			width: calc(100% - 140rpx);
		}
	}
}
</style>
